<template>
  <div class="all">
     <!-- <div class="big"> -->
			 <singer-big class="item" v-for="i in 10"></singer-big>
		 <!-- </div> -->
		 <!-- <div class="small"> -->
			 <a class="item" v-for="i in 40" href="#">{{'这是第'+i}}</a>
		 <!-- </div> -->
  </div>
</template>

<script>
	import singerBig from './singer_big.vue'
  export default{
    name:'',
    data(){
      return {
        
      }
    },
    computed:{
      showGoods(){
        return 0
      }
    },
    props:{
      imgLink:{
        type:String,
        default(){
          return ""
        }
      }
    },
    methods:{
      test(){
        
      }
    },
    components:{
       singerBig
    },
    created(){
      
    },
    activated(){
    
    },
    mounted(){
    
    },
    updated(){
      
    },
    deactivated(){
    
    },
    destroyed(){
    
    },
  }
</script>

<style scoped>
	.all{
		margin: 10px auto;
	}
	.item{
		display: inline-block;
		width: 18%;
		text-align: center;
		margin: 1% 28px 1% 0px;
	}
	.item:nth-of-type(5n){
		margin-right: 0px;
	}
	.item:hover{
		color: var(--bcc-focus-green);
	}
</style>
